<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>


<html >
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <%--<meta name=”viewport” content=”width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0″ user-scalable=no />--%>
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/aem-h5.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/LArea.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/LCalendar.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/sexSelect.css"/>
    <link rel="stylesheet" href="<%=path%>/css/aem-h5/style.css" >
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/framework7/1.6.5/css/framework7.ios.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/framework7/1.6.5/css/framework7.ios.colors.min.css" rel="stylesheet">


    <style>
        body {
            overflow: scroll;
            padding-bottom: 1rem;
        }

        .message-bg .input-bg .message, .message-bg .input-bg .phone {
            width: auto;
        }
        .message-bg .input-bg {
            width: 2.8rem;
        }
        .message-bg .input-bg, .message-bg .name {
            width: 2.8rem;
            padding-left: 0.45rem;
        }
        .message-bg li {
            height: 0.8rem;
            line-height: 0.8rem;
        }
        .message:first-child {
            margin-top: 0px !important;
        }
        .input-bg.sex {
            display: flex;
        }
        .input-bg.sex .text {
            line-height: 0.4rem;
        }
        .input-bg.sex .text.male {
            margin-right: 0.8rem;
        }
        .submit {
            margin: 0 auto;
        }
        .framework7-root {
            padding-bottom: 200px;
        }
        .picker-modal {
            bottom: 100px;
        }

    </style>
</head>

<body>
<div id="app">
    <div>
        <ul class="message-bg">
            <input id="value1" type="hidden" value="">
            <input id="cid" type="hidden">
            <input id="staffId" type="hidden">
            <input id="provinceId" type="hidden">
            <input id="cityId" type="hidden">
            <input id="areaId" type="hidden">
            <input id="s" type="hidden">
            <input id="deptCode" type="hidden">
            <input id="deptId" type="hidden">
            <input type="hidden" value="<%=path%>" id="pathId">
            <input type="hidden" id="accessToken">
            <input type="hidden" id="oldOrgName">
            <input type="hidden" id="oldOrgId">
        </ul>
        <div class="submit" id="edit_staff">
        提交
    </div>
    </div>
</div>
</body>

</html>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/artDialog/7.0.0/dialog-plus.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/framework7/1.6.5/js/framework7.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/regionsObject2.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/cityPicker.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/staff-property-info.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/rem.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/LCalendar.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/sexSelect.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/aem-staff-property-control.js"></script>
<script type="text/javascript" src="<%=path%>/js/marketing/validation.js"></script>
<script type="text/javascript" src="<%=path%>/js/dateUtils.js"></script>



<script type="text/javascript">
    var path = "<%=path%>";
    var staffId = null;
    var openId = null;
    var cid = null;
    var login_phone = null;
    //var accessToken="07fb7a656dc11d5d942dbd597b8027f8";
    var accessToken=$.cookie('accessToken');
    $("#accessToken").val(accessToken);


    $(function(){
        init();
    });
    function init(){
        $.post(
            path + "/aem/staffPropertyInfo/getStaffInfo",
            {
                "accessToken":accessToken
            },
            function(data){
                if(data.status == "200"){
                    cid = data.data.cid;
                    openId = data.data.openId;
                    staffId  = data.data.staffId;
                    login_phone = data.data.phone;
                    staffPropertyInfo.init(cid,staffId,login_phone);
                    staffPropertyInfo.loadStaffProData()
                    staffPropertyInfo.loadPageParam(cid,staffId);
                    $("#path").val(path);
                }
            },
            "json"
        );
    }



</script>













